<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
	<!--头部-->
    <header class="header">
        <a href="index.html" class="logo">
            <!-- Add the class icon to your logo image or logo icon to add the margining -->
            OA System
        </a>
        <!--横向导航-->
        <nav class="navbar navbar-static-top" role="navigation">
            <!--自动隐藏显示侧边栏按钮-->
            <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <!--右边菜单信息-->
            <div class="navbar-right">
                <!--菜单ul-->
                <ul class="nav navbar-nav">
                    <!--第四 个li：用户账号-->
                    <li class="dropdown user user-menu">
                        <!--用户图标-->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="glyphicon glyphicon-user"></i>
                            <!--用户名-->
                            <span>${sessionScope.user.name } <i class="caret"></i></span>
                        </a>
                        <!--用户下面的子菜单-->
                        <ul class="dropdown-menu">
                            <!--用户图片（头部）-->
                            <li class="user-header bg-light-blue">
                                <img src="${initParam.root}/static/img/avatar3.png" class="img-circle" alt="User Image" />
                                <p>
                                    <span>${sessionScope.user.name }</span>
                                    <small>员工编号：${sessionScope.user.nr }</small>
                                    <small>所在部门：${sessionScope.user.department.name }</small>
                                </p>
                            </li>
                            
                            <!--用户功能菜单（底部）-->
                            <li class="user-footer">
                                <div class="pull-right">
                                    <a href="#" class="btn btn-default btn-flat">退出</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>